body{
	padding-bottom:6.0625rem ;
	background-color: #f5f5f5;
}
a:link{
	text-decoration: none;
}
.top{
		
		width: 92%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		.top-search{
		width: 90%;
		height:4rem;
		display: flex;
		align-items: center;
		padding-left:0.9375rem;
		border-radius: 50px;
		i{
			display: inline-block;
			width:2.0625rem;
			height: 2.125rem;
			img{
				width: 100%;
			}
		}
			input{
			
				width: 80%;
				border: 0;
				background-color: rgba(1,1,1,0);
				// text-indent: 4em;
				text-align: center;
				font-size: 1.75rem;
				&:focus{
				outline: none;
				}
				
			}
			
		}
		.top-code{
			width: 2.125rem;
			height: 2.125rem;
			img{
				width: 100%;
			}
		}
	}
.titles{
			a{
				width: 92%;
				margin: 0.625rem auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				p{
					&:nth-child(1){
						font-size: 2rem;
						color: #333;
					}
					&:nth-child(2){
						font-size: 1.5rem;
						color: #999;
					}
				}
			}
			
		}
		.message-lists{
			width: 100%;
			>ul{
				width: 100%;
				display: flex;
				flex-direction: column;
				.list{
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: 95%;
					margin: 0 auto;
					height: 7.625rem;
					border-bottom: 0.0625rem solid #ddd;
					img{
						width: 5rem;
						margin-right: 0.3125rem;
					}
					>ul{
						li{
							display: flex;
							justify-content: space-between;
							font-size: 1.5rem;
							color: #999;
							p{
								font-size:1.875rem;
								color: #333;
							}
							span{
								font-size: 1.25rem;
							}
						}
					}
				}
			}
			
		}
.footer{
	width: 100%;
	height: 6.0625rem;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	ul{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		align-items: center;
		li{
			a{
				display: flex;
				flex-direction: column;
				align-items: center;
				img{
					height: 2.625rem;
				}
				p{
					font-size: 1.25rem;
					color: #999;
					margin-top:0.1875rem;
				}
			}
		}
	}
}
@media screen and (min-width: 768px) {
	.list{
		justify-content: space-evenly !important;
		}
}
@media screen and (max-width: 750px) {
   html{
	   font-size: 16px;
   }
}
@media screen and (max-width: 650px) {
   html{
	   font-size:14px;
   }
}
@media screen and (max-width: 550px) {
   html{
	   font-size:12px;
   }
}
@media screen and (max-width: 450px) {
   html{
	   font-size:10px;
   }
}
@media screen and (max-width: 320px) {
   html{
	   font-size:8px;
   }
}